<!DOCTYPE html>
<html>

<head>
    <title>进度</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <!--responsive-->
    <link rel="shortcut icon" href="../../Content/img/jridge.ico"/>
    <link rel="bookmark" href="../../Content/img/jridge.ico"/>
    <script src="../../Scripts/jquery-1.10.2.min.js"></script>
    <script src="../../Scripts/clipboard-polyfill.js"></script>
    <!--vue-->
    <script src="../../Scripts/vue-2.5.9/vue.min.js"></script>
    <!--axios-->
    <script src="../../Scripts/vue-2.5.9/axios.min.js"></script>
    <!--elementUI-->
    <script src="../../Scripts/elementUI-2.2.2/index.js"></script>
    <link rel="stylesheet" href="../../Scripts/elementUI-2.2.2/theme-chalk/index.css">
    <!--custom-->
    <link rel="stylesheet" href="../../Content/vue-common.css">
    <script src="../../Scripts/service/vue-service.js" ></script>
    <style>
       
    </style>
</head>
<body>
    <div id="app">
        <header-bar :pagename="pagename" :userinfo="userinfo"></header-bar>
        <div id="container">
            <el-row>
                <el-row>
                    <el-button type="primary" @click="load_mesproductionschedule()">刷新</el-button>
                    <el-switch v-model="searchType" active-text="查询条件"></el-switch>
                    <div style="float: right">
                        <el-pagination
                        background
                        @current-change="handleCurrentChange"
                        :current-page="currentpage"
                        :page-size="everypagenum"
                        layout="total, prev, pager, next "
                        :total="totalnum">
                        </el-pagination>
                    </div>
                </el-row>
                <el-row :gutter="20" v-show="searchType" style="margin-top: 8px">
                    <el-col :span="24">
                        <el-form label-position="left" label-width="80px">
                            <el-col :sm="12" :lg="6" :xl="6">
                                <el-form-item label="批次号">
                                    <el-input v-model="search.lotno" clearable></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :sm="12" :lg="6" :xl="6">
                                <el-form-item label="产品名称">
                                    <el-input v-model="search.name" clearable></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :sm="12" :lg="6" :xl="6">
                                <el-form-item label="产品编号">
                                    <el-input v-model="search.productno" clearable></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :sm="12" :lg="6" :xl="6">
                                <el-form-item label="开始时间">
                                    <el-date-picker
                                        v-model="search.creationdate"
                                        type="daterange"
                                        range-separator="至"
                                        start-placeholder="开始日期"
                                        end-placeholder="结束日期">
                                    </el-date-picker>
                                </el-form-item>
                            </el-col>
                            <el-col :sm="12" :lg="6" :xl="6">
                                <el-form-item>
                                    <el-button type="primary" @click="load_mesproductionschedule()">查询</el-button>
                                </el-form-item>
                            </el-col>
                        </el-form>
                    </el-col>
                    
                </el-row>
            </el-row>
            <el-row>
                <el-table
                    :data="dataClone"
                    style="width: 100%"
                    border
                    v-loading="loading"
                    :max-height="mainTable_maxHeight"
					@row-click="load_process"
                    >
                    <el-table-column
                        fixed
                        type="index"
                        label="序号"
                        width="50">
                    </el-table-column>
                    
                    <el-table-column
                    v-for="list in data_head"
                    :prop="list.property"
                    :label="list.name" 
                    :filters="list.filters"
                    :filter-method="filterHandler"
                    sortable>
                    </el-table-column>
					
					<el-table-column
                    label="完成进度"
                    width="120">
                    <template slot-scope="scope">
                        <el-progress :text-inside="true" :stroke-width="18" :percentage="scope.row.properties.progress" :status="scope.row.properties.progressColor"></el-progress>
                    </template>
                    </el-table-column>
                </el-table>
            </el-row>
        </div>
		        
        <el-dialog title="工序" class="md_dialog_900" :visible.sync="sf_dialog" :close-on-click-modal="false" :close-on-press-escape="false">
            
               <el-table
                    :data="sfData"
                    style="width: 100%"
                    border
                    v-loading="sf_loading"
					@row-click="jump"
                    >
                    <el-table-column
                        fixed
                        type="index"
                        label="序号"
                        width="50">
                    </el-table-column>
                    
                    <el-table-column
                    v-for="list in sfData_head"
                    :prop="list.property"
                    :label="list.name" 
					:filters="list.filters"
                    :filter-method="filterHandler"
					sortable>
                    </el-table-column>
					
					<el-table-column
                    label="完成进度"
                    width="120">
                    <template slot-scope="scope">
                        <el-progress :text-inside="true" :stroke-width="18" :percentage="scope.row.properties.progress" :status="scope.row.properties.progressColor"></el-progress>
                    </template>
                    </el-table-column>
                </el-table>
            <span slot="footer" class="dialog-footer">
                <el-row>
                    <el-button @click="sf_dialog = false">关 闭</el-button>
                </el-row>
            </span>
        </el-dialog>
        <!--组件弹出框-->
        <component :is="differentComponentDialog" :obj="differentComponentItem" :userinfo="userinfo"></component>
    </div>
    <script src="progresstable.js"></script>
    <script src="../../Template/vue-components.js" ></script>
</body>
</html>